<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="css/newStyle.css">
</head>
<body>
<div class="mainBox">
    <div class="mainBox_inner">
        <h1>XXXX高中学校录取工作页面</h1>
        <div class="schoolWorkOutside">
            <div class="schoolWorkLeft">
                <ul>
                    <li class="workitem">
                        <p>上传直升学生名单（提前批次）</p>
                        <div class="upbox">
                            <form action="" method="post" class="fromClass">
                                <input type="file" name="zhishen" class="uploaderform">
                                <button type="button" class="uploader">上传文件 <img src="images/upload.png" alt=""></button>
                            </form>
                        </div>
                    </li>
                    <li class="workitem">
                        <p>上传自主招生名单（提前批次）</p>
                        <div class="upbox">
                            <form action="" method="post" class="fromClass">
                                <input type="file" name="zizhu" class="uploaderform">
                                <button type="button" class="uploader">上传文件 <img src="images/upload.png" alt=""></button>
                            </form>
                        </div>
                    </li>
                    <li class="workitem">
                        <p>上传指标到校生名单（第一批次）</p>
                        <div class="upbox">
                            <form action="" method="post" class="fromClass">
                                <input type="file" name="zhibiao" class="uploaderform">
                                <button type="button" class="uploader">上传文件 <img src="images/upload.png" alt=""></button>
                            </form>
                        </div>
                    </li>
                    <li class="workitem">
                        <p>上传特色项目班名单（第一批次）</p>
                        <div class="upbox">
                            <form action="" method="post" class="fromClass">
                                <input type="file" name="tese" class="uploaderform">
                                <button type="button" class="uploader">上传文件 <img src="images/upload.png" alt=""></button>
                            </form>
                        </div>
                    </li>
                    <li class="workitem">
                        <p>上传艺体特长生名单（第一批次）</p>
                        <div class="upbox">
                            <form action="" method="post" class="fromClass">
                                <input type="file" name="yiti" class="uploaderform">
                                <button type="button" class="uploader">上传文件 <img src="images/upload.png" alt=""></button>
                            </form>
                        </div>
                    </li>
                </ul>
            </div>
            <div class="schoolWorkCenter">
                <ul>
                    <li class="workitem">
                        <p>上传艺体特长生名单（第一批次）</p>
                        <div class="upbox">
                            <form action="" method="post" class="fromClass">
                                <input type="file" name="yiti" class="uploaderform">
                                <button type="button" class="uploader">上传文件 <img src="images/upload.png" alt=""></button>
                            </form>
                        </div>
                    </li>

                    <!--href里面填文件路径-->
                    <li class="downloaditem"><a href="" download>下载一类模式录取名单（第一批次）</a></li>
                    <li class="downloaditem"><a href="" download>下载第二批次录取名单</a></li>
                    <li class="downloaditem"><a href="" download>下载第三批次录取名单</a></li>
                </ul>
            </div>
            <div class="schoolWorkRight">
                <ul>
                    <!--href里面填文件路径-->
                    <li class="downloaditem"><a href="" download>下载直升学生名单模板</a></li>
                    <li class="downloaditem"><a href="" download>下载自主招生名单模板</a></li>
                    <li class="downloaditem"><a href="" download>下载指标到校学生名单模板</a></li>
                    <li class="downloaditem"><a href="" download>下载特色项目名单模板</a></li>
                    <li class="downloaditem"><a href="" download>下载艺体特长生名单模板</a></li>
                </ul>

            </div>
        </div>
    </div>
</div>
</body>
<script src="js/jquery-1.12.3.js"></script>
<script src="js/gVerify.js"></script>
<script src="js/commen.js"></script>
<script>
    //显示隐藏
    $('.workitem').on('click','p',function () {
        $(this).siblings('.upbox').toggle(100);
    })
    //点击上传按钮 上传文件
    $('.uploader').on('click',function () {
        //表单提交
        $(this).parent().submit();
    })
</script>
</html>